<script setup lang="ts">
import { ref } from 'vue';
const item=ref<string>('首页')

</script>

<template>
    <div>
        <van-nav-bar :title="item"/>
        <router-view></router-view>
       <van-tabbar v-model="item" route active-color="#008800">
  <van-tabbar-item name="首页" to="/tool/index" icon="home-o">首页</van-tabbar-item>
  <van-tabbar-item name="分类" to="/tool/cate" icon="search">分类</van-tabbar-item>
  <van-tabbar-item name="购物车" to="/tool/car" icon="friends-o">购物车</van-tabbar-item>
  <van-tabbar-item name="我的" to="/tool/my" icon="setting-o">我的</van-tabbar-item>
</van-tabbar>

    </div>
</template>

<style scoped>

</style>